Vue中@change、@input和@blur的区别及@keyup介绍

@change在输入框发生变化且失去焦点后触发；

@input在输入框内容发生变化后触发（在界面加载数据以前）

@blur失去焦点就触发

注意：

@change先于@blur

@input和change的默认参数为输入内容，而blur的默认参数为dom节点。

在搜索下拉框选择数据后，即刻搜索的案例：

Vue中的@keyup（键盘事件）是按键松开，当指定的按键松开会触发的事件，可以监听不同的按键响应。

在输入框输入数据并按下enter键后进行筛选示例如下：

@click：可清空的单选模式下用户点击清空按钮时触发

一、无效传参

@change="change(val, index)"

二、有效传参

@change="((val)=>{change(val, index)})"

关于Vue中@change、@input和@blur的区别及@keyup介绍的文章就介绍至此，更多相关Vue中@change、@input和@blur内容请搜索编程宝库以前的文章，希望以后支持编程宝库！

 一、useCallback的作用usecallback不是用来解决组件中有过多内部函数导致的性能问题：1.我们要知道，js创建一个函数的成本是非常小的，这点计算对于计算机来说是小ca ...